<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米秒杀</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="miaosha.css">
</head>

<body id="ms">
    <!-- 头部 -->
    <div class="toptop">
        <div class="top w ">
            <div class="top-nav ">
                <a href="">小米商城</a>
                <span class="sep">|</span>
                <a href="">MIUI</a>
                <span class="sep">|</span>
                <a href="">loT</a>
                <span class="sep">|</span>
                <a href="">云服务</a>
                <span class="sep">|</span>
                <a href="">天星数科</a>
                <span class="sep">|</span>
                <a href="">有品</a>
                <span class="sep">|</span>
                <a href="">小爱开发平台</a>
                <span class="sep">|</span>
                <a href="">企业团购</a>
                <span class="sep">|</span>
                <a href="">资质证照</a>
                <span class="sep">|</span>
                <a href="">协议规则</a>
                <span class="sep">|</span>
                <a href="">下载app</a>
                <span class="sep">|</span>
                <a href="">智能生活</a>
                <span class="sep">|</span>
                <a href="">Select Location</a>
            </div>
            <div class="top-info">
                <a href="">登录</a>
                <span class="sep">|</span>
                <a href="">注册</a>
                <span class="sep">|</span>
                <a href="">消息通知</a>
            </div>
            <div class="top-car">
                <img src="img/d7db56d1d850113f016c95e289e36efa.png" alt="">
                购物车
            </div>
        </div>
    </div>

    <!-- 菜单栏 -->
    <div class="container w">
        <div class="header-logo ">
            <a href=""><img src="img/logo-mi2.png" alt=""></a>
        </div>

        <div class="header-nav ">
            <ul>
                <li><a href="">全部商品分类</a></li>
                <li><a href="">小米手机</a></li>
                <li><a href="">Redmi红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>

        <div class="header-search">
            <input type="text" placeholder="请输入想要查找的商品">
            <input type="button">
        </div>

    </div>

    <div class="banxin">
        <!-- 小米秒杀 seckill -->
    <div class="seckill w">
        <div class="seckill-top">

        </div>

        <div class="ms-container">
            <!-- 秒杀时间段 -->
            <div class="seckill-banner">
                <ul>
                    <li class="time">
                        <i>20:00</i>
                        <div>
                            <p>抢购中</p>
                            <!-- 有计时器 -->
                            <p>距结束</p>
                        </div>
                    </li>
                    <li><span>22:00</span><span>即将开始</span></li>
                    <li><span>00:00</span><span>明日开始</span></li>
                    <li><span>10:00</span><span>明日开始</span></li>
                    <li><span>14:00</span><span>明日开始</span></li>
                </ul>

            </div>

            <!-- 秒杀产品 -->
            <div class="seckill-con">
                <!-- 高度自适应 -->
                <ul>
                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/3ec35a9d36a0a75bd899b9401658d56c.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>日常元素抽纸 青春版 24包/箱</span>
                            <span>精选原生竹浆，健康环保</span>
                            <span>25.90元</span>
                            <del>32.9元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/2d9b90428ff528bbb08079574f5fde13.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>米家定制T恤 黑色 XL</span>
                            <span>米家定制T恤</span>
                            <span>129元</span>
                            <del>149元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/7b014c328d8503992006a159f532e8a6.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>米兔智能故事机 白色</span>
                            <span>能说会道，好玩伴</span>
                            <span>169元</span>
                            <del>199元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/ad91d219c0b9149823c9866d02fa6d82.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>米家防蓝光眼镜钛轻盈 黑色</span>
                            <span>超轻超透，防蓝光护眼</span>
                            <span>189元</span>
                            <del>199元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/b464671ac030e3da494b279bac705b63.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>智能积木 公路赛车 白色</span>
                            <span>烧脑搭建，尽兴狂奔</span>
                            <span>229元</span>
                            <del>299元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/f767bbf39a6899aa6193bd839a87c58e.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>米家电动剃须刀S500C 黑色</span>
                            <span>一机三用，面面俱到</span>
                            <span>259元</span>
                            <del>329元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/76fcd3f33ae5f6ab9a783ab5cb91ee49.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>纳拓户外六合一雷鸣手电 黑色</span>
                            <span>一键声光报警 1000流明高亮 </span>
                            <span>139元</span>
                            <del>199元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>

                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/58710f6d2874d946980bebbc835822ed.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>inFace黑头仪</span>
                            <span>吸净黑头 高效不伤肤</span>
                            <span>109元</span>
                            <del>159元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>
                    <li>
                        <div class="seckill-img">
                            <img src="img-ms/3ec35a9d36a0a75bd899b9401658d56c.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>日常元素抽纸 青春版 24包/箱</span>
                            <span>精选原生竹浆，健康环保</span>
                            <span>25.90元</span>
                            <del>32.9元</del>
                            <a href="">已结束</a>
                        </div>
                    </li>
                    <!-- <li>
                        <div class="seckill-img">
                            <img src="img-ms/3ec35a9d36a0a75bd899b9401658d56c.jpg" alt="">
                        </div>

                        <div class="seckill-right">
                            <span>日常元素抽纸 青春版 24包/箱</span>
                            <span>精选原生竹浆，健康环保</span>
                            <span>25.90元</span>
                            <del>32.9元</del>
                            <a href="">已结束</a>
                        </div>
                    </li> -->
                </ul>

            </div>

            <!-- 公告 -->
            <div class="container-notic">
                *小米秒杀活动规则:
                <br>
                1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；
                <br>
                2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;
                <br>
                3.秒杀价不含运费，最终以订单结算页价格为准；
                <br>
                4.订单中商品的数量、颜色、型号等，以订单结算页为准。
                <br>
                5.名称带有 [闪购] 字样的商品，不支持价格保护服务。
                温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。
            </div>
        </div>


    </div>

    <!-- 尾部 与首页一样 -->
    <!-- footer -->
    <div class="footer w">
        <div class="footer-service">
            <ul>
                <li><a href="">预约维护服务</a></li>
                <li><a href="">7天无理由退货</a></li>
                <li><a href="">15天免费换货</a></li>
                <li><a href="">满69包邮</a></li>
                <li><a href="">520余家售后网点</a></li>
            </ul>
        </div>

        <div class="footer-links">
            <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店</dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>企业社会责任</dd>
                <dd>廉洁举报</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>F码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
            </dl>

            <div class="footer-right">
                <h3>400-100-5678</h3>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">人工客服</a>
                <div class="follow">
                    关注小米：
                    <img src="img/wb.png" alt="">
                    <img src="img/wx.png" alt="">
                </div>
            </div>
        </div>

    </div>

    <!-- info -->

    <div class="info w">
        <div class="info-container">
            <div class="info-logo">
                <img src="img/logo-mi2.png" alt="">
            </div>

            <div class="info-text">
                <p><a href="">小米商城</a><span>丨</span>
                    <a href="">MIUI</a><span>丨</span>
                    <a href="">米家</a><span>丨</span>
                    <a href="">米聊</a><span>丨</span>
                    <a href="">多看</a><span>丨</span>
                    <a href="">游戏</a><span>丨</span>
                    <a href="">政企服务</a><span>丨</span>
                    <a href="">小米天猫店</a><span>丨</span>
                    <a href="">小米集团隐私政策</a><span>丨</span>
                    <a href="">小米商城用户协议</a><span>丨</span>
                    <a href="">问题反馈</a><span>丨</span>
                    <a href="">Select Location</a></p>

                <p>
                    <a href="">小米互联网法院法律服务工作站</a><span>丨</span>
                    <a href="">中国消费者协会</a><span>丨</span>
                    <a href="">北京市消费协会</a>
                </p>
                <h6>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
                    <br>
                    （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
                    <br>
                    增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证
                    <br>
                    违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</h6>
            </div>

            <div class="info-img">
                <img src="img/truste.png" alt="">
                <img src="img/v-logo-2.png" alt="">
                <img src="img/icon3.png" alt="">
                <img src="img/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                <img src="img/2562913da1f1420592a777b69c16134b.png" alt="">
            </div>
        </div>

        <!-- 口号 -->
        <div class="slogan">

        </div>
    </div>
    </div>
    



</body>

</html>